<div class="pub-body">
        <!-- 资产列表 -->
        <div class="project">
            <el-table :data="assetData" border style="width: 100%" :header-cell-style="{background:'#eef1f6',color:'#606266'}">
                <el-table-column prop="contractNo" label="资产ID" width="200"></el-table-column>
                <el-table-column prop="assetName" label="资产名称" width="200"></el-table-column>
                <el-table-column prop="assetType" label="资产类型" width="200"></el-table-column>
                <el-table-column prop="assetNorm" label="规格"></el-table-column>
                <el-table-column prop="supplier" label="供应商"></el-table-column>
                <el-table-column prop="purchaseUnit" label="购买单位"></el-table-column>
                <!-- <el-table-column prop="assetNum" label="资产数量"></el-table-column> -->
                <el-table-column prop="taxIncludedPrice" label="含税价"></el-table-column>
                <el-table-column prop="inboundDate"  label="入库日期"></el-table-column>
                <el-table-column prop="assetStatus"  label="资产状态"></el-table-column>
                <el-table-column fixed="right" label="操作" width="280">
                    <template slot-scope="scope">
                        <el-button @click="dialogAsset(scope.row)" type="primary" icon="el-icon-tickets" size="small">资产详情</el-button>
                        <el-button @click="dialogUse(scope.row)" type="primary" icon="el-icon-star-on" size="small">资产维修</el-button>
                    </template>
                </el-table-column>
            </el-table>
        </div>

        <!-- 资产信息弹窗 -->
        <el-dialog width="1000px" :title="dialogAssetAdd.title" :visible.sync="dialogAssetAdd.status">
            <el-form ref="assetAddFrom" :rules="assetAddRules" :model="assetAddFrom" label-width="160px">
                <el-row>
                    <el-col :span="12">
                        <el-form-item prop="assetName" label="资产名称">
                            <el-input :disabled="true" style="width: 300px;" placeholder="请输入资产名称" v-model="assetAddFrom.assetName"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="资产类型" prop="assetType">
                            <el-select :disabled="true" style="width: 300px;" v-model="assetAddFrom.assetType" placeholder="请选择资产类型">
                                <el-option label="办公" value="1"></el-option>
                                <el-option label="行政" value="2"></el-option>
                                <el-option label="电脑" value="3"></el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="12">
                        <el-form-item prop="inboundDate" label="入库日期">
                            <el-date-picker :disabled="true" type="date" placeholder="选择日期" v-model="assetAddFrom.inboundDate" style="width: 300px;"></el-date-picker>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item prop="assetNorm" label="资产规格">
                            <el-input :disabled="true" style="width: 300px;" placeholder="请输入资产规格" v-model="assetAddFrom.assetNorm"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <!-- <el-col :span="12">
                        <el-form-item prop="assetNum" label="资产数量">
                            <el-input :disabled="true" style="width: 300px;" placeholder="请输入资产数量" v-model="assetAddFrom.assetNum"></el-input>
                        </el-form-item>
                    </el-col> -->
                    <el-col :span="12">
                        <el-form-item prop="includesTax" label="是否含税">
                            <el-switch :disabled="true" v-model="assetAddFrom.includesTax"></el-switch>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item prop="fixedAssets" label="是否属于固定资产">
                            <el-switch v-model="assetAddFrom.fixedAssets"></el-switch>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="12">
                        <el-form-item prop="taxIncludedPrice" label="含税价">
                            <el-input :disabled="true" style="width: 300px;" placeholder="请输入含税价" v-model="assetAddFrom.taxIncludedPrice"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item prop="excludingTaxPrice" label="不含税价">
                            <el-input :disabled="true" style="width: 300px;" placeholder="请输入不含税价" v-model="assetAddFrom.excludingTaxPrice"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="12">
                        <el-form-item prop="supplier" label="供应商">
                            <el-input :disabled="true" style="width: 300px;" placeholder="请输入供应商" v-model="assetAddFrom.supplier"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item prop="contractNo" label="资产ID">
                            <el-input :disabled="true" style="width: 300px;" placeholder="请输入资产ID" v-model="assetAddFrom.contractNo"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="12">
                        <el-form-item prop="purchaseUnit" label="购买单位">
                            <el-input :disabled="true" style="width: 300px;" placeholder="请输入购买单位" v-model="assetAddFrom.purchaseUnit"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="使用年限" prop="assetUseYear">
                            <el-select :disabled="true" v-model="assetAddFrom.assetUseYear" placeholder="请选择使用年限">
                                <el-option label="1" value="1"></el-option>
                                <el-option label="3" value="3"></el-option>
                                <el-option label="5" value="5"></el-option>
                                <el-option label="5年以上" value="6"></el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-form-item prop="assetPhoto" label="资产照片">
                    <!-- <el-upload :on-success="uploadFuc" :on-error="uploadFuc" style="width: 360px; margin:0 auto;" class="upload-demo" drag action="https://jsonplaceholder.typicode.com/posts/" multiple>
                        <i class="el-icon-upload"></i>
                        <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
                    </el-upload> -->
                    <el-upload :disabled="true" action="#" list-type="picture-card" :auto-upload="false">
                        <i slot="default" class="el-icon-plus"></i>
                        <div slot="file" slot-scope="{file}">
                            <img class="el-upload-list__item-thumbnail" :src="file.url" alt="">
                            <span class="el-upload-list__item-actions">
                                <span class="el-upload-list__item-preview" @click="handlePictureCardPreview(file)">
                                    <i class="el-icon-zoom-in"></i>
                                </span>
                                <span class="el-upload-list__item-delete" @click="handleRemove(file)">
                                    <i class="el-icon-delete"></i>
                                </span>
                            </span>
                        </div>
                    </el-upload>
                </el-form-item>
            </el-form>
        </el-dialog>

        <!-- 图片弹窗 -->
        <el-dialog width="1000px" :title="dialogAssetUse.title" :visible.sync="dialogAssetUse.status">
            <el-form ref="uerFrom" :rules="userRules" :model="uerFrom" label-width="160px">
                <el-row>
                    <el-col :span="12">
                        <el-form-item prop="assetId" label="资产ID">
                            <el-input :disabled="true" style="width: 300px;" placeholder="请输入资产ID" v-model="uerFrom.assetId"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item prop="providerName" label="提供商名称">
                            <el-input style="width: 300px;" placeholder="请输入提供商名称" v-model="uerFrom.providerName"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="12">
                        <el-form-item prop="providerContact" label="提供商联系人">
                            <el-input style="width: 300px;" placeholder="请输入提供商联系人" v-model="uerFrom.providerContact"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item prop="providerTel" label="联系方式">
                            <el-input style="width: 300px;" placeholder="请输入联系方式" v-model="uerFrom.providerTel"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-form-item prop="assetPhoto" label="资产照片">
                    <!-- <el-upload :on-success="uploadFuc" :on-error="uploadFuc" style="width: 360px; margin:0 auto;" class="upload-demo" drag action="https://jsonplaceholder.typicode.com/posts/" multiple>
                        <i class="el-icon-upload"></i>
                        <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
                    </el-upload> -->
                    <el-upload action="#" list-type="picture-card" :auto-upload="false">
                        <i slot="default" class="el-icon-plus"></i>
                        <div slot="file" slot-scope="{file}">
                            <img class="el-upload-list__item-thumbnail" :src="file.url" alt="">
                            <span class="el-upload-list__item-actions">
                                <span class="el-upload-list__item-preview" @click="handlePictureCardPreview(file)">
                                    <i class="el-icon-zoom-in"></i>
                                </span>
                                <span class="el-upload-list__item-delete" @click="handleRemove(file)">
                                    <i class="el-icon-delete"></i>
                                </span>
                            </span>
                        </div>
                    </el-upload>
                </el-form-item>
                <el-form-item label="维修原因" prop="reason">
                    <el-input :rows="4" style="width: 600px;" type="textarea" v-model="uerFrom.reason"></el-input>
                </el-form-item>
                <el-form-item>
                    <el-button type="primary" @click="assetUse('uerFrom')">应用</el-button>
                    <el-button @click="dialogAssetUse.status = false">取消</el-button>
                </el-form-item>
            </el-form>
        </el-dialog>
    </div>
